
// 1. 验证登录
const token = window.localStorage.getItem('token')
const id = window.localStorage.getItem('id')

if (!token || !id) {
  window.location.href = './login.html'
} else {
  // 请求商品已发布数据, 进行渲染
  getCartList()
}

// 获取商品发布列表
function getCartList() {
  // 发送请求
  $.ajax({
    url: 'http://localhost:8888/getSubmit/list',
    method: 'GET',
    data: { id: id },
    headers: { authorization: token },
    success (res) {
      // 判断失败
      console.log(res)
      if (res.code !== 1) {
        window.location.href = './login.html'
        return
      }

      // 渲染页面
      bindHtml(res)
    }
  })
}
// 3. 渲染页面
function bindHtml(res) {
  // 判断渲染 empty 标签还是 list 标签
  if (res.getResult.length===0) {
    $('.empty').addClass('active')
    $('.display_list').removeClass('active')
    return
  }
  let selectNum = 0
  res.getResult.forEach(item => {
    if (item.sub_select) {
      selectNum++
    }
  })
  // 渲染页面
  let str = `
    <div class="top">
      全选 <input id="top_sel" class="selectAll" type="checkbox" ${ selectNum === res.getResult.length ? 'checked' : '' }>
      <label for="top_sel"></label>
    </div>
    <ul class="center">
    `

    res.getResult.forEach(item => {
      str += `
        <li>
          <div class="select" >
            <input id="${ item.goods_id }" class="sel"name="sel"${item.sub_select ?'checked' : ''}  type="checkbox" goodsId="${ item.goods_id }">
            <label for="${ item.goods_id }"></label>
          </div>
          <div class="show">
            <img src="${item.goods_img }" alt="">
          </div>
          <div class="title">
            ${ item.title }
          </div>
          <div class="createTime">
            发布时间：${ item.createTime.substring(0,10) }
          </div>
          <div class="price">￥ ${ item.price }</div>
          <div class="operation">
            <div class="goods_modify">
              <button goodsId="${ item.goods_id }" class="modify">修改</button>
            </div>
            <div class="detail_goods">
              <button goodsId="${ item.goods_id }" class="det">详情</button>
            </div>
            <div class="destory">
              <button goodsId="${ item.goods_id }" class="del" sub_select="${item.sub_select}">删除</button>
            </div>
          </div>
      `
    })
    str += `
      </li>
    </ul>
    <div class="bottom">
      <p>
        共计 <span>${ selectNum }</span> 件商品
      </p>
      <div class="btns">
        <button class="clear_complete" selectNum="${ selectNum === 0 ? '0' : '1' }">删除所有已选中</button>
      </div>
    </div>
  `

  $('.display_list').html(str)
}

// 各种点击事件
// 修改单一商品选中

$('.display_list').on('click', '.center .select input', function () {
  // 拿到对应的信息发送请求
  $.ajax({
    url: 'http://localhost:8888/getSubmit/select',
    method: 'POST',
    headers: { authorization: token },
    data: { id: id, goodsId: $(this).attr('goodsId') },
    success (res) {
      console.log(res)
      window.location.reload()
    }
  })
  //重新渲染页面
  getCartList()
})
// 转入修改页
$('.display_list').on('click', '.center .modify', function (e) {
  e.preventDefault()
  window.localStorage.setItem("goodsId",$(this).attr('goodsId'));
  window.location.href='./goodsModify.html'
})
// 转入详情页
$('.display_list').on('click', '.center .det', function (e) {
  e.preventDefault()
  window.localStorage.setItem("goodsId",$(this).attr('goodsId'));
  window.location.href='./detail.html'
})

// 删除单一商品
$('.display_list').on('click', '.center .del', function (e) {
  e.preventDefault()
  if($(this).attr('sub_select')==='1'){
    // 发送请求
    $.ajax({
      url: 'http://localhost:8888/getSubmit/remove',
      method: 'GET',
      data: { id: id, goodsId: $(this).attr('goodsId') },
      headers: { authorization: token },
      success(res){
        window.location.reload()
      }
    })
    // 重新渲染页面
    getCartList()
  }else{
    alert("未选中")
  }

})

//全选事件
$('.display_list').on('click', '.selectAll', function () {
  // 拿到自己的选中状态
  const type = $(this).prop('checked') ? 1 : 0

  // 发送请求进行修改
  $.ajax({
    url: 'http://localhost:8888/getSubmit/select/all',
    method: 'POST',
    data: { id: id, type: type },
    headers: { authorization: token },
    success (res) {
      console.log(res)
      window.location.reload()
    }
  })
  // 重新渲染页面
  getCartList()
})

// 删除所有已选中
$('.display_list').on('click', '.clear_complete', function (e) {
  e.preventDefault()
  if($(this).attr('selectNum')==='1'){
      //发送请求
      $.ajax({
        url: 'http://localhost:8888/getSubmit/remove/select',
        method: 'GET',
        data: { id: id },
        headers: { authorization: token },
        success(res){
          window.location.reload()
        }
      })

    // 从新渲染页面
    getCartList()
  }else{
    alert('未选中')
  }
})
